<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
  String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath() + "/";
%>
<html>
  <head>
    <base href="<%=basePath%>">
        <meta charset="UTF-8">
        <title>Title</title>
      <link rel="icon" href="images/icon.gif" type="image/x-ico">
      <link rel='stylesheet' type='text/css' href="css/bootstrap.css"/>
      <link href="css/styleBody.css" rel='stylesheet' type='text/css'/>
      <link rel="stylesheet" href="css/nav.css">
      <link rel="stylesheet" href="iocnfont/iconfont.css">
      <link rel="stylesheet" href="css/gototop.css">
      <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
      <script src="js/date.js"></script>
    </head>
    <body>
      <!-- 轮播图 运用了wmuslider插件 -->
      <div class="wmuSlider example1 " style="width: 700px;">
        <article style="position: absolute; width: 100%; opacity: 0;">
          <div class=" ">
            <img src="images/banner1.jpeg"/>
          </div>
        </article>
        <article style="position: absolute; width: 100%; opacity: 0;">
          <div class=" ">
            <img src="images/banner2.jpeg"/>
          </div>
        </article>
        <article style="position: absolute; width: 100%; opacity: 0;">
          <div class=" ">
            <img src="images/banner3.jpeg"/>
          </div>
        </article>
        <article style="position: absolute; width: 100%; opacity: 0;">
          <div class=" ">
            <img src="images/banner.jpeg"/>
          </div>
        </article>
        <article style="position: absolute; width: 100%; opacity: 0;">
          <div class=" ">
            <h1>
              <font color="grey">更多精品小说等您发现。。。</font>
            </h1>
          </div>
        </article>
      </div>
      <script src="js/jquery.wmuSlider.js"></script>
      <script>
        $('.example1').wmuSlider();
      </script>
    </body>
</html>